<template>
    <div>
        <p>
            <input type="text" placeholder="评论人" v-model="person">
            <input type="text" placeholder="评论内容" v-model="content">
            <button @click="publishFn">发表</button>
        </p>
    </div>
</template>

<script>
import eventbus from './eventbus';
export default {
    data() {
        return {
            person: '', // 评论人
            content: '', // 评论内容
        }
    },
    methods: {
        publishFn() {
            // 实现兄弟组件通信, 将兄弟1组件中的person 和 content 数据传递给兄弟2组件
            eventbus.emit('myevent', { person: this.person, content: this.content })
        }
    }
}
</script>
<style scoped></style>